<template>
  <BlogContainer>
    <BlogList v-if="!idDetail"></BlogList>
    <BlogDetail v-else> </BlogDetail>
  </BlogContainer>
</template>

<script setup>
import { computed } from 'vue'
import { useRoute } from 'vue-router'
import BlogDetail from '@/components/blog/BlogDetail.vue'
import BlogList from '@/components/blog/BlogList.vue'
import BlogContainer from '@/components/layout/BlogContainer.vue'

const route = useRoute()
const idDetail = computed(() => {
  return route.params.id
})
</script>
